<?php include 'header.php' ?>
    <div id="dialog" title="Confirm Dialog">
        <p> Are you sure to delete it?</p>
        <button onclick="deleteAccount();">Yes</button>
        <button onclick="closeDialog()">No</button>
    </div>

    <section class="main-content">
        <article>
            <header>
                <h1>Quản Lý Account</h1>
            </header>
            <div class="clear"/>

            <section class="list-content">
                <div id="account_list">
                </div>
                <div class="clear"/>
            </section>

            <div class="clear"/>
            <section class="list-content">
                <header>
                    <h1>Thông tin tài khoản</h1>
                </header>
                <div id="account_form">
                    <p id="message"></p>

                    <form id="accountForm">
                        <div>
                            <input type="hidden" id="id_acc">
                            <label for="username">Username: </label>
                            <input type="text" id="username" name="username" maxlength="50"
                                   placeholder="nhập tên tài khoản" required="true" autofocus="true">
                           <br><br>
                            <label for="password">Password: </label>
                            <input type="password" id="password" name="password" maxlength="50"
                                   placeholder="nhập mật khẩu" required="true">

                            <br><br>
                            <label for="email">Your Email: </label>
                            <input type="email" id="email" name="email" maxlength="100"
                                   placeholder="nhập email" required="true">

                        </div>
                        <div class="clear"/>
                        <div>
                            <input type="submit" value="Lưu lại" onclick="createAccount();return false;" style="width: 100px">
                            <input type="reset" value="Reset" onclick="resetFormAcc();" style="width: 100px;color: red;margin-left: 20px;">
                        </div>
                    </form>

                    <div class="clear"/>
                </div>
            </section>
        </article>
    </section>

<?php include 'footer.php' ?>